<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
	<title>利用循环渲染多个元素</title>
	<script src="./js/react.min.js.back"></script>
	<script src="./js/react-dom.min.js.back"></script>
	<script src="./js/babel.min.js.back"></script>
</head>

<body>
	<div id="example"></div>
</body>
<script type="text/babel">
	let	arr = [11,22,33,44,55,66];
	let	elBind = arr.map((i) => 
		<li>{i}</li>
	);
		console.log(elBind)
	ReactDOM.render(
		<ul>{elBind}</ul>,
		document.getElementById('example')
	)
	
</script>
</html>